<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
		<meta name="renderer" content="webkit">
		<title>{content:title}-{pboot:sitetitle}</title>
		<meta name="keywords" content="{content:keywords}">
		<meta name="description" content="{content:description}">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css?time=2">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/media.css">
		<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.countup.min.js"></script>
		<script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
	</head>
	<style>
		#ban {
			padding-top: 0 !important;
		}

		#bann #my-video {
			width: 100%;
			height: 100%;
			display: block;
			object-fit: cover;
			object-position: center
		}
	</style>
	<body class="menu-bg">
		{include file=head.html}
		<!--内容-->
		{pboot:sort scode={sort:tcode}}
		<div id="bann" style="padding-top: 0;">
			<video id="my-video" src="{label:video}" autoplay muted="" x5-video-player-type="h5" preload="auto"
				playsinline="" loop></video>
			<div
				style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: auto;width: 100%;">
				<div class="container">
					<div class="t1 wow fadeInUp" data-wow-delay="200ms">[sort:subname]<br>
					</div>
					<div class="t2 wow fadeInUp" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
				</div>
			</div>
		</div>
		<!-- <div id="bann" style="background-image: url([sort:pic]);">
		  <div class="container">
			<div class="t1 wow fadeIn" data-wow-delay="200ms">[sort:subname]<br>
			</div>
			<div class="t2 wow fadeIn" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
		  </div>
		</div> -->
		{/pboot:sort}
		<div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
			<div class="container"> <a class="home" href="{pboot:sitedomain}/"><img
						src="{pboot:sitedomain}/skin/images/home_ico.png" style="background-color: #295e70;" alt=""></a>
				<div class="first">
					<h4>{sort:topname}</h4>
					<ul>
						{pboot:nav}
						<li><a href="[nav:link]">[nav:name]</a></li>
						{/pboot:nav}
					</ul>
				</div>
				<div class="second active">
					<h4>
						{pboot:sort scode={sort:def1}}
						[sort:name]
						{/pboot:sort}
					</h4>
					<ul>
						{pboot:nav num=50 parent=1}
						<li><a href="[nav:link]">[nav:name]</a></li>
						{/pboot:nav}
					</ul>
				</div>

				{pboot:nav parent={sort:def1} scode={sort:def2}}
				{pboot:if([nav:soncount] > 0)}
				<div class="second active">
					<h4>{sort:parentname}</h4>
					<ul>
						{pboot:2nav num=50 parent={sort:def1}}
						<li><a href="[2nav:link]">[2nav:name]</a></li>
						{/pboot:2nav}
					</ul>
				</div>
				{/pboot:if}
				{/pboot:nav}
				<div class="second active">
					<h4>{sort:name}</h4>
					<ul>
						{pboot:nav num=50 parent={sort:pcode}}
						<li><a href="[nav:link]">[nav:name]</a></li>
						{/pboot:nav}
					</ul>
				</div>
			</div>
		</div>
		<div class="nav_phone hide container ">
			<p>{pboot:position}</p>
		</div>
		<div id="product_dt">
			<div class="container">
				<div class="product-detail">
					<div class="tops-box">
						<div class="banner wow fadeIn" data-wow-delay="200ms">
							<div class="swiper-container swiper-pro">
								<div class="swiper-wrapper">
									{pboot:pics id={content:id} num=10}
									<div class="swiper-slide" style="background-image:url('[pics:src]');"> <img
											src="[pics:src]" alt=""> </div>
									{/pboot:pics}
								</div>
							</div>
							<div class="swiper-pagination swiper-pagination-pro"></div>
						</div>
						<div class="info-box">
							<div class="title-box">
								<p class="t1 wow fadeIn" data-wow-delay="100ms">{content:title}</p>
							</div>
							<div class="desc wow fadeIn" data-wow-delay="300ms" style="line-height: 35px;">
								{content:content}</div>
							<!-- <div class="bottoms wow fadeIn" data-wow-delay="400ms"> {pboot:sort scode=22}<a href="[sort:link]#message" class="query">产品咨询</a>{/pboot:sort} </div> -->
						</div>
					</div>
					<div class="pro-cont">
						<div class="pro-nav wow fadeIn" data-wow-delay="0">
							<div class="item active" data-tab="1">产品特点</div>
							<div class="item" data-tab="2">技术指标</div>
							{pboot:if({content:ext_zs} != '')}
							<div class="item" data-tab="3">战术指标</div>
							{/pboot:if}
							<div class="item" data-tab="4">配件信息</div>
						</div>
						<div class="content wow fadeIn" style="line-height: 35px;" data-wow-delay="300ms" id="cont01">
							{pboot:if({content:ext_td} != '')}
							{content:ext_td}
							{else}
							暂无数据
							{/pboot:if}
						</div>
						<div class="content hide" style="line-height: 35px;" data-wow-delay="0" id="cont02">
							{pboot:if({content:ext_from} != '')}
							{content:ext_from}
							{else}
							暂无数据
							{/pboot:if}
						</div>
						<div class="content hide" style="line-height: 35px;" data-wow-delay="300ms" id="cont03">
							{pboot:if({content:ext_zs} != '')}
							{content:ext_zs}
							{else}
							暂无数据
							{/pboot:if}
						</div>
						<div class="content hide" style="line-height: 35px;" data-wow-delay="300ms" id="cont04">
							{pboot:if({content:ext_pjxx} != '')}
							{content:ext_pjxx}
							{else}
							暂无数据
							{/pboot:if}
						</div>
					</div>
				</div>
			</div>
		</div>
		{include file=foot.html}
		<script>
			$('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function() {
				$(this).children('ul').stop().slideToggle()
			});

			function displaySubMenu(li) {
				var subMenu = li.getElementsByTagName("ul")[0];
				subMenu.style.display = "block";
			}

			function hideSubMenu(li) {
				var subMenu = li.getElementsByTagName("ul")[0];
				subMenu.style.display = "none";
			}

			var pro_banner = new Swiper('.swiper-container', {
				speed: 1000,
				loop: true,
				autoplay: {
					delay: 5000,
					stopOnLastSlide: false,
					disableOnInteraction: false,
				},
				pagination: {
					el: '.swiper-pagination',
					clickable: true,
				},
			});

			$(".product-detail .pro-cont .pro-nav .item").click(function() {
				$(this).addClass("active").siblings(".item").removeClass("active");
				var tab = $(this).attr("data-tab");
				// console.log("tab="+tab);
				$(".product-detail .pro-cont .content").addClass("hide");
				$("#cont0" + tab).removeClass("hide");
			});
		</script>
	</body>
</html>